<template>
  <div>
    <common-header1></common-header1>

    <router-view></router-view>

    <common-footer></common-footer>
  </div>
</template>

<script>
import commonHeader1 from "@/components/common/Header1.vue";
import commonFooter from "@/components/common/Footer.vue";

import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
} from "vue";
export default {
  name: "",
  components: { commonHeader1, commonFooter },
  props: {},
  setup() {
    const { proxy } = getCurrentInstance();
    console.log(proxy);
    console.log("1-开始创建组件-setup");
    const data = reactive({});
    const refData = toRefs(data);
    onBeforeMount(() => {
      console.log("2.组件挂载页面之前执行----onBeforeMount");
    });
    onMounted(() => {
      console.log("3.-组件挂载到页面之后执行-------onMounted");
    });
    return {
      ...refData,
    };
  },
};
</script>
<style scoped></style>
